Ubuntu’da Nginx Kurulumu ve Angular Uygulaması Deploy Etme (Adım Adım Rehber)

Ubuntu Sunucuya Nginx Kurulumu

İlk olarak Ubuntu sunucumuza Nginx web sunucusunu kuracağız.

Adım 1: Ubuntu Paketlerini Güncelleme

sudo apt-get update

Bu komut Ubuntu paket listesini günceller.

Adım 2: Nginx Kurulumu

sudo apt-get install nginx

Kurulum tamamlandıktan sonra Nginx servisi otomatik olarak başlar.

Adım 3: Firewall Ayarlarını Kontrol Etme

Nginx için gerekli portların açık olduğundan emin olmalıyız.

sudo ufw app list

Adım 4: HTTP Portuna Yetki Verme

sudo ufw allow 'Nginx HTTP'

Bu işlem Nginx'in 80 portu üzerinden erişilebilir olmasını sağlar.

Adım 5: Nginx Servis Durumunu Kontrol Etme

systemctl status nginx

Sunucu IP adresinizi tarayıcıya yazdığınızda aşağıdaki gibi Nginx varsayılan sayfası görünmelidir:

Angular Projesini Sunucuya Deploy Etme

Nginx kurulumunu tamamladıktan sonra Angular uygulamamızı production ortamı için hazırlayacağız.

Adım 1: Angular Environment Ayarları

Angular projesinde environment.prod.ts dosyasında API adresini production sunucumuza göre ayarlamamız gerekir.

API_BASE_PATH:'http://YOUR_SERVER_IP'

Adım 2: Angular Production Build Alma

Angular uygulamasını production ortamı için build alıyoruz.

Angular 15 Öncesi

ng build --prod

Angular 15 ve Sonrası

ng build --configuration production --aot

Build işlemi tamamlandıktan sonra dist klasörü oluşur.

Adım 3: Angular Dosyalarını Sunucuya Yükleme

Build sonrası oluşan dosyaları sunucuya yüklememiz gerekiyor.

dist klasörünü aşağıdaki dizine kopyalayabilirsiniz:

/var/www/html

Dosyaları yüklemek için aşağıdaki araçları kullanabilirsiniz:

• FileZilla
• SCP
• rsync

Sonuç

Bu yazıda Ubuntu üzerinde Nginx kurulumu ve Angular uygulamasını deploy etme adımlarını öğrendik.

Özetle:

• Nginx kurulumu yapıldı
• Firewall ayarları yapılandırıldı
• Angular projesi production build alındı
• dist klasörü sunucuya yüklenerek yayınlandı

Bu yöntemle Angular uygulamalarınızı hızlı ve güvenli bir şekilde production ortamında yayınlayabilirsiniz.